layui.use(['form', 'laydate', 'util'], function() {
	let form = layui.form;
	let layer = layui.layer;
	let laydate = layui.laydate;
	let util = layui.util;
	// 提交事件
	form.on('submit(demo1)', function(data) {
		let field = data.field; // 获取表单字段值
		// 是否勾选同意
		if(!field.agreement){
		  layer.msg('您必须勾选同意用户协议才能注册');
		  return false;
		}
		// 显示填写结果，
		layer.alert(JSON.stringify(field), {
			title: '当前填写的字段值'
		});
		// 此处可执行 Ajax 等操作
		// …
		return false; // 阻止默认 form 跳转
	});
})

$(document).ready(function() {
  $('#productList li').mouseenter(function() {
    $(this).find('.mask').addClass('show');
  }).mouseleave(function() {
    $(this).find('.mask').removeClass('show');
  });
  
  $('#collapse li').click(function() {
	  if($(this).find('.title > .layui-icon').hasClass('layui-icon-addition')){
		  $(this).find('.title > .layui-icon').removeClass('layui-icon-addition')
		  $(this).find('.title > .layui-icon').addClass('layui-icon-subtraction')
	  }else {
		  $(this).find('.title > .layui-icon').removeClass('layui-icon-subtraction')
		  $(this).find('.title > .layui-icon').addClass('layui-icon-addition')
	  }
	  if($(this).find('.value').hasClass('show')) {
		  $(this).find('.value').removeClass('show')
	  }else {
		  $(this).find('.value').addClass('show')
	  }
  })
  
  $('#switch').click(function() {
	  if($(this).hasClass('active')) {
		  $(this).removeClass('active')
		  $('#menu').hide()
	  }else {
		  $(this).addClass('active')
		   $('#menu').show()
	  }
  })
});